// 变量
@main-color: #3A84FB;

/* 公共类库 */

// 浅蓝按钮
.lightblue_btn.ant-btn {
  background: rgba(54, 194, 207);
  color: rgba(255, 255, 255);
  border-color: transparent;

  &:hover,
  &:focus,
  &:active {
    background: rgba(54, 194, 207);
    color: rgba(255, 255, 255);
    border-color: transparent;
  }
}

// 绿色按钮
.green_btn.ant-btn {
  background-color: rgba(98, 204, 106);
  color: rgba(255, 255, 255);
  border-color: transparent;

  &:hover,
  &:focus,
  &:active {
    background-color: rgba(98, 204, 106);
    color: rgba(255, 255, 255);
    border-color: transparent;
  }
}

// 深蓝按钮
.deepblue_btn.ant-btn {
  background-color: rgba(36, 107, 221, 1);
  color: rgba(255, 255, 255);
  border-color: transparent;

  &:hover,
  &:focus,
  &:active {
    background-color: rgba(36, 107, 221, 1);
    color: rgba(255, 255, 255);
    border-color: transparent;
  }
}

.g_page {
  width: 100%;
  padding: 20px 60px;
  position: relative;
}

.g_title {
  font-size: 16px;
  border-bottom: 1px solid rgba(44, 117, 236, 1);
  padding-left: 12px;
  line-height: 30px;
  color: #000;
  position: relative;

  &::before {
    content: '';
    width: 3px;
    height: 20px;
    background: rgba(44, 117, 236, 1);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

.g_modal {}

// 操作列
.operation_col {
  .ant-btn {
    margin-right: 8px;

    &:last-of-type {
      margin-left: 0;
    }
  }
}

// 点击小手
.pointer {
  cursor: pointer;
}

// 单行文本超出 ...
.overflow_single {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// 多行(默认2行)超出 ...
.overflow_mult {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

// 上传文件列表
.upload_wrap {

  // 去掉ant文件list
  .ant-upload-list {
    display: none;
  }
}

// 定义自己的文件list
.uploadFileList {
  padding-top: 7px;

  .file_item {

    a,
    span {
      padding: 0 5px;
    }

    .file_name {
      width: 200px;
      display: inline-block;
      vertical-align: top;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .pointer {
      color: #1890ff;
    }
  }
}